<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>POS机-商家/个人使用，秒提现，低手续，赚积分</title>
		<meta name="author" content="Administrator" />

		<link rel="shortcut icon" href="http://static.codoon.com/image/universal/codoon.ico" />

		<link rel="stylesheet" href="style/css/jquery.fullPage.css" />
		<link rel="stylesheet" href="style/css/base.css" />
		<link rel="stylesheet" href="style/css/welcome.css" />
		<link rel="stylesheet" href="style/css/jquery.bxslider.css">

		<!--<script src="style/js/jquery-1.8.3.min.js"></script>-->
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
		<script type="text/javascript" src="style/js/jquery.fullPage.min.js"></script>
		<script type="text/javascript" src="style/js/jquery.bxslider.js"></script>

		<script type="text/javascript" src="style/js/main.js"></script>
		<script type="text/javascript" src="style/plugin/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="style/plugin/bootstrap-3.3.7-dist/css/bootstrap.css">
		</script>
	</head>
	<body>

		<!-- 模态框（Modal） -->
		<div class="modal fade" id="addOrderModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<h4 class="modal-title" id="myModalLabel">
							下单
						</h4>
					</div>
					<div class="modal-body">
						<form class="bs-example bs-example-form" role="form">
							<table>
								<tr>
									<td>
										<div class="input-group">
											<span class="input-group-addon">收货人</span>
											<input type="text" class="form-control" placeholder="">
										</div>
										</td>
										<td>
										<div class="input-group">
											<span class="input-group-addon">收件电话</span>
											<input type="text" class="form-control" placeholder="">
										</div>
									</td>
								</tr>
							</table>
							<br>
							<div class="input-group">
								<span class="input-group-addon">收获地址</span>
								<input type="text" class="form-control">
							</div>
						</form>
					</div>
					<ul style="margin-left:20px;color: red;">
						*注:	
						<li>
							(1)发货需要缴纳20元保证金
						</li>
						<li>
							(2)缴纳方式:1可联系客服微信缴纳 2直接付款到支付宝，备注您的订单编号。
						</li>
						<li>
							(3)待第一次刷卡后,返还定金
						</li>
						<li>
							(4)5点前下单,当天发货，否则次日。
						</li>
					</ul>
					<div class="modal-footer">
						<button type="button" class="btn btn-primary">确定
						</button>
					</div>
				</div><!-- /.modal-content -->
			</div><!-- /.modal -->
		</div>


		<div id="welcome">
			<div class="section" id="section0">
				<div class="my_section">
					<div class="my_codoon fl">
						<div class="text1_box">
							<div class="text1 fl">口袋里的POS机</div><!-- <div class="text3 fl">信用卡助手</div> -->
							<div class="blank0"></div>
						</div>
						<p>
							<div class="text2">使用人群最广的POS设备</div>
						</p>
						<div class="download_box">
							<div class="left">
								<div class="icon erweima" id="contactIconDiv"></div>
							</div>
							<div class="right">
								<a href="#" id="wxContact" class="item pc_download item_pc" style="margin-bottom:15px;">微信联系</a>
								<a href="#" id="qqContact" class="item pc_download item_pc">QQ联系</a>
								<a class="item mobile_download mobile_icon"><img src="style/images/now_download.png" alt=""></a>
							</div>
							<div class="blank10"></div>
						</div>
					</div>
					<div class="iphone fr">
						<div class="iphone_icon iphone_img">
							<div id="iphone_slider_wrapper">
								<div id="iphone_slider">
									<ul id="iphone_slider_ul">
										<li><img src="style/images/iphone1.png"></li>
										<li><img src="style/images/iphone2.png"></li>
										<li><img src="style/images/iphone3.png"></li>
										<li><img src="style/images/iphone4.png"></li>
										<li><img src="style/images/iphone5.png"></li>
									</ul>
								</div>
							</div>
							<img class="iphone_xxoo" src="style/images/iphone_xxoo.png">
						</div>
					</div>
					<div class="blank0"></div>
				</div>
			</div>
			<div class="section" id="section1">
				<div class="my_section ">
					<div class="rom_txt fr">
						<h2 class="bigtit">安全/低费率/秒到</h2>
						<p class="notes">支持所有信用卡</p>
						<div class="blank10"></div>
						<ul class="clearfix">
							<li>安全,定位周边线下商户消费</li>
							<li>低费率,万分之五，银行收取</li>
							<li>秒到,刷卡立即到账到指定银行卡</li>
							<li>便捷,小巧,手持设备</li>
						</ul>
						<div><a class="rom_download mobile_icon" href="#"><img src="style/images/download.png" alt=""></a></div>
					</div>
					<div class="cod_rom fl">
						<img src="style/images/rom1.png" alt="">
						<img src="style/images/rom2.png" alt="">
						<img src="style/images/rom3.png" alt="">
						<img src="style/images/rom4.png" alt="">
						<img src="style/images/rom5.png" alt="">
						<img src="style/images/rom6.png" alt="">
						<img src="style/images/rom7.png" alt="">
						<img src="style/images/rom8.png" alt="">
						<img src="style/images/rom9.png" alt="">
						<img src="style/images/rom10.png" alt="">
					</div>
					<div class="blank0"></div>
				</div>
			</div>
			<div class="section" id="section2">
				<div class="my_section">
					<div class="rom_txt fl souhuan">
						<h2 class="bigtit">招聘代理商</h2>
						<p class="notes">截至当前25位代理月入过万</p>
						<ul class="clearfix">
							<li>佣金模式</li>
							<li>稳定收益</li>
							<li>飞速提现</li>
							<li>做一份自己的生意</li>
							<li>努力一定会有收获</li>
						</ul>
						<div><a class="rom_download mobile_icon" id="buy" href="#"><img src="style/images/buy_smartband.png" alt=""></a></div>
					</div>
					<div class="shouhuanImg  fr">
						<img src="style/images/shouhuan.png" alt="">
					</div>
				</div>
			</div>
		</div>
		<div class="fixed head">
			<div class="head_content">
				<div class="icon logo logo_blue fl"></div>
				<div class="fr login_box">

					<a href="#" onclick="openOrderModalFunc()" class="">领POS机</a>
					<span class="">|</span>
				<!--  <a href="#" class="">咨询</a> -->
					<!--<a class="" href="tencent://message/?Site=baidu.com&uin=316659431&Menu=yes">咨询</a>-->
					<a class=""  href="tencent://message/?uin=316659431&Menu=yes& Service=300&sigT=42a1e5347953b64c5ff3980f8a6e644d4b31456cb0b6ac6b27663a3c4dd0f4aa14a543b1716f9d45">咨询</a>
				
				</div>
			</div>
			<div class="line"></div>
		</div>
		<div class="fixed bottom">
			<div class="bottom_content">
				<a href="#">关于我们</a>
				<span>|</span>
				<a href="#">广告合作</a>
				<label class="bottom_tips">
					<span>|</span>
					<a href="#">免责声明</a>
					<span>|</span>
					<a href="#">联系我们</a>
				</label>
				<br />
				<p>Copyright © 2015-2016 mycodes.net 皖iCP备15005190号</p>
			</div>
		</div>



		<script type="text/javascript">
			$(document).ready(function() {
				my_section1.init();
				$('#welcome').fullpage({
					'verticalCentered': false,
					'css3': true,
					'sectionsColor': ['#6cbb52', '#e89c38', '#40a3e1'],
					'navigation': true,
					'navigationPosition': 'right',
					//'easing' : 'easeInOutBounce',
					'afterRender': function(index, anchorLink) {
						$(".iphone_img").addClass('fadeInTop');
					},
					'afterSlideLoad': function(index) {

					},
					'afterLoad': function(anchorLink, index) {
						if (index == 2) {
							$(".iphone_img").removeClass('fadeInTop');
						}
						if (index == 3) {
							my_section1.init();
						}
						if (index == 1) {
							my_section1.init();
						}
						if (index == 2) {
							my_section2.init();
						}

					},
					'onLeave': function(index, nextIndex, direction) {
						if (nextIndex == 1) {
							$(".iphone_img").addClass('fadeInTop');
						}
						if (index == 1) {
							my_section1.anim();
						}
						if (index == 3) {
							my_section1.anim();
						}
						if (index == 2) {
							my_section2.anim();
						}
					}
				});
			});


			function openOrderModalFunc() {
				$("#addOrderModal").modal("show");
			}
			
			$("#qqContact").hover(function(){
				$("#contactIconDiv").removeClass("icon erweima").addClass("qqicon erweima");
			});
			$("#wxContact").hover(function(){
				$("#contactIconDiv").removeClass("qqicon erweima").addClass("icon erweima");
			
			});
		</script>
	</body>
</html>
